/* 홈페이지 공통 표 스타일보다 상세페이지 디자인을 우선 적용합니다. */
/* IIBI 교육과정 상세페이지 — 원본 인라인 스타일을 분리한 CSS */
/* HTML과 이 파일을 같은 폴더에 두세요. */

.iibi-course-s001 {
  width:100% !important;
  max-width:1000px !important;
  margin:0 auto !important;
  padding:0 12px !important;
  box-sizing:border-box !important;
  font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif !important;
  background:#ffffff !important;
  color:#333333 !important;
  line-height:1.7 !important;
}

.iibi-course-s002 {
  margin-bottom:52px !important;
  overflow:hidden !important;
  border-radius:0 0 18px 18px !important;
}

.iibi-course-s003 {
  position:relative !important;
  padding:48px 22px 34px !important;
  background:linear-gradient(135deg,#FF5F65 0%,#EF4656 72%,#D83E4B 100%) !important;
  color:#ffffff !important;
  text-align:center !important;
  border-radius:0 0 18px 18px !important;
  overflow:hidden !important;
}

.iibi-course-s004 {
  position:absolute !important;
  width:230px !important;
  height:230px !important;
  right:-70px !important;
  top:-90px !important;
  border:1px solid rgba(255,255,255,.22) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 25px rgba(255,255,255,.05),0 0 0 55px rgba(255,255,255,.04) !important;
}

.iibi-course-s005 {
  position:absolute !important;
  width:180px !important;
  height:180px !important;
  left:-80px !important;
  bottom:-100px !important;
  border:1px solid rgba(88,235,255,.45) !important;
  border-radius:50% !important;
  box-shadow:0 0 0 22px rgba(88,235,255,.08) !important;
}

.iibi-course-s006 {
  position:relative !important;
  z-index:1 !important;
}

.iibi-course-s007 {
  display:inline-block !important;
  margin-bottom:18px !important;
  padding:6px 15px !important;
  border:1px solid rgba(255,255,255,.65) !important;
  border-radius:24px !important;
  background:rgba(255,255,255,.12) !important;
  font-size:13px !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
}

.iibi-course-s008 {
  margin:0 0 8px !important;
  font-size:clamp(27px,5.5vw,44px) !important;
  line-height:1.25 !important;
  font-weight:900 !important;
  letter-spacing:-1.5px !important;
  word-break:keep-all !important;
}

.iibi-course-s009 {
  margin:0 0 15px !important;
  font-size:clamp(30px,6.5vw,54px) !important;
  line-height:1.2 !important;
  font-weight:900 !important;
  letter-spacing:-1.8px !important;
  word-break:keep-all !important;
}

.iibi-course-s010 {
  font-size:48px !important;
}

.iibi-course-s011 {
  color:#9AF3FF !important;
}

.iibi-course-s012 {
  max-width:560px !important;
  margin:0 auto 22px !important;
  padding:7px !important;
  border:1px solid rgba(154,243,255,.75) !important;
  border-radius:14px !important;
  background:linear-gradient(135deg,rgba(154,243,255,.24),rgba(255,255,255,.08)) !important;
  box-shadow:0 12px 34px rgba(70,0,25,.18) !important;
  width:100% !important;
  box-sizing:border-box !important;
}

.iibi-course-s013 {
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  object-fit:cover !important;
  border-radius:9px !important;
  background:linear-gradient(135deg,#222044,#4D2C79,#EF4656) !important;
}

.iibi-course-s014 {
  margin:0 auto 22px !important;
  max-width:620px !important;
  font-size:clamp(15px,3vw,19px) !important;
  color:#FFF4F5 !important;
  line-height:1.65 !important;
  word-break:keep-all !important;
}

.iibi-course-s015 {
  display:flex !important;
  flex-wrap:wrap !important;
  justify-content:center !important;
  gap:8px !important;
  margin-top:10px !important;
}

.iibi-course-s016 {
  padding:6px 12px !important;
  border:1px solid rgba(255,255,255,.65) !important;
  border-radius:20px !important;
  font-size:13px !important;
}

.iibi-course-s017 {
  padding:6px 12px !important;
  border:1px solid rgba(154,243,255,.9) !important;
  border-radius:20px !important;
  color:#9AF3FF !important;
  font-size:13px !important;
}

.iibi-course-s018 {
  margin:22px 0 0 !important;
  font-size:13px !important;
  color:#FFE6E9 !important;
}

.iibi-course-s019 {
  width:100% !important;
  margin:0 0 52px !important;
  box-sizing:border-box !important;
  font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif !important;
}

.iibi-course-s020 {
  overflow:hidden !important;
  padding:34px 18px 28px !important;
  box-sizing:border-box !important;
  border:1px solid #F3CCD5 !important;
  border-top:5px solid #E94860 !important;
  border-radius:18px !important;
  background-color:#FFF7F8 !important;
  background-image:linear-gradient(150deg,#FFF7F8 0%,#FFFFFF 50%,#FFEAF0 100%) !important;
  text-align:center !important;
  box-shadow:0 12px 30px rgba(217,62,88,0.10) !important;
}

.iibi-course-s021 {
  display:inline-block !important;
  padding:8px 18px !important;
  border-radius:24px !important;
  background-color:#E94860 !important;
  color:#FFFFFF !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.5 !important;
  letter-spacing:1.4px !important;
  box-shadow:0 5px 12px rgba(233,72,96,0.20) !important;
}

.iibi-course-s022 {
  margin:24px 0 0 !important;
  padding:0 !important;
  color:#403139 !important;
  font-size:21px !important;
  font-weight:800 !important;
  line-height:1.5 !important;
  letter-spacing:-0.7px !important;
  word-break:keep-all !important;
}

.iibi-course-s023 {
  max-width:420px !important;
  margin:22px auto 0 !important;
  padding:22px 8px 20px !important;
  box-sizing:border-box !important;
  border:1px solid #F7D5DE !important;
  border-radius:16px !important;
  background-color:#FFFFFF !important;
  box-shadow:0 8px 22px rgba(217,62,88,0.07) !important;
}

.iibi-course-s024 {
  margin:0 0 3px !important;
  padding:0 !important;
  color:#433039 !important;
  font-size:25px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
  letter-spacing:-1px !important;
}

.iibi-course-s025 {
  display:block !important;
  width:100% !important;
  max-width:300px !important;
  height:auto !important;
  margin:0 auto !important;
  overflow:hidden !important;
}

.iibi-course-s026 {
  width:64px !important;
  height:5px !important;
  margin:14px auto 16px !important;
  border-radius:5px !important;
  background-color:#FFB5C5 !important;
  font-size:0 !important;
  line-height:0 !important;
}

.iibi-course-s027 {
  display:inline-block !important;
  padding:6px 13px !important;
  border-radius:6px !important;
  background-color:#FFF0F4 !important;
  color:#A6536A !important;
  font-size:13px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
}

.iibi-course-s028 {
  margin:24px auto 0 !important;
  max-width:500px !important;
}

.iibi-course-s029 {
  margin:0 0 10px !important;
  padding:0 !important;
  color:#806B75 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  word-break:keep-all !important;
}

.iibi-course-s030 {
  margin:0 !important;
  padding:0 !important;
  color:#3B2B33 !important;
  font-size:23px !important;
  font-weight:900 !important;
  line-height:1.6 !important;
  letter-spacing:-1px !important;
  word-break:keep-all !important;
}

.iibi-course-s031 {
  display:inline-block !important;
  padding:0 3px !important;
  border-bottom:4px solid #FFB5C5 !important;
  color:#D93654 !important;
  line-height:1.25 !important;
}

.iibi-course-s032 {
  margin:0 0 50px !important;
}

.iibi-course-s033 {
  margin-bottom:24px !important;
  text-align:center !important;
}

.iibi-course-s034 {
  display:inline-block !important;
  padding:5px 12px !important;
  margin-bottom:10px !important;
  border-radius:20px !important;
  background:#FFF1F5 !important;
  color:#D83E4B !important;
  font-size:12px !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
}

.iibi-course-s035 {
  margin:0 !important;
  font-size:28px !important;
  line-height:1.4 !important;
  color:#111111 !important;
  word-break:keep-all !important;
}

.iibi-course-s036 {
  font-size:28px !important;
}

.iibi-course-s037 {
  margin:10px 0 0 !important;
  color:#666666 !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  word-break:keep-all !important;
}

.iibi-course-s038 {
  overflow:hidden !important;
  background:#FFF1F5 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:16px !important;
}

.iibi-course-s039 {
  padding:24px 24px 22px !important;
}

.iibi-course-s040 {
  max-width:440px !important;
  margin:0 auto !important;
  overflow:hidden !important;
  border-radius:12px !important;
  background:#F6E8EC !important;
  width:100% !important;
}

.iibi-course-s041 {
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16 / 9 !important;
  object-fit:cover !important;
  object-position:center !important;
  border:0 !important;
}

.iibi-course-s042 {
  height:1px !important;
  margin:0 24px !important;
  background:#FFD0D6 !important;
}

.iibi-course-s043 {
  padding:22px 14px 14px !important;
}

.iibi-course-s044 {
  display:grid !important;
  grid-template-columns:repeat(auto-fit,minmax(min(100%,max(260px,calc(50% - 6px))),1fr)) !important;
  gap:12px !important;
}

.iibi-course-s045 {
  box-sizing:border-box !important;
  padding:20px !important;
  background:#FFFFFF !important;
  border:1px solid #FFD0D6 !important;
  border-radius:12px !important;
  min-height:190px !important;
}

.iibi-course-s046 {
  display:flex !important;
  align-items:center !important;
  gap:8px !important;
  margin-bottom:14px !important;
}

.iibi-course-s047 {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  border-radius:9px !important;
  background:#FFF1F5 !important;
  color:#D83E4B !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.iibi-course-s048 {
  font-size:11px !important;
  color:#D83E4B !important;
  font-weight:700 !important;
  letter-spacing:.8px !important;
}

.iibi-course-s049 {
  margin:0 0 8px !important;
  color:#222222 !important;
  font-size:18px !important;
  line-height:1.45 !important;
  word-break:keep-all !important;
}

.iibi-course-s050 {
  margin:0 !important;
  color:#666666 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  word-break:keep-all !important;
}

.iibi-course-s051 {
  box-sizing:border-box !important;
  grid-column:1 / -1 !important;
  padding:20px !important;
  background:#302638 !important;
  border:1px solid #493748 !important;
  border-radius:12px !important;
}

.iibi-course-s052 {
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  width:32px !important;
  height:32px !important;
  flex:0 0 32px !important;
  border-radius:9px !important;
  background:#FF91A6 !important;
  color:#302638 !important;
  font-size:13px !important;
  font-weight:800 !important;
}

.iibi-course-s053 {
  font-size:11px !important;
  color:#FFB7C5 !important;
  font-weight:700 !important;
  letter-spacing:.8px !important;
}

.iibi-course-s054 {
  margin:0 0 8px !important;
  color:#FFFFFF !important;
  font-size:19px !important;
  line-height:1.45 !important;
  word-break:keep-all !important;
}

.iibi-course-s055 {
  margin:0 !important;
  color:#E9DFE8 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  word-break:keep-all !important;
}

.iibi-course-s056 {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:7px !important;
  margin-top:14px !important;
}

.iibi-course-s057 {
  display:inline-block !important;
  padding:6px 10px !important;
  border-radius:6px !important;
  background:rgba(255,145,166,.12) !important;
  border:1px solid rgba(255,145,166,.35) !important;
  color:#FFD5DE !important;
  font-size:12px !important;
  font-weight:700 !important;
}

.iibi-course-s058 {
  width:100% !important;
  margin:0 0 54px !important;
  box-sizing:border-box !important;
  font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif !important;
}

.iibi-course-s059 {
  margin-bottom:22px !important;
  text-align:center !important;
}

.iibi-course-s060 {
  display:inline-block !important;
  padding:5px 12px !important;
  border-radius:20px !important;
  background-color:#FFF1F5 !important;
  color:#D83E4B !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1.7 !important;
  letter-spacing:1px !important;
}

.iibi-course-s061 {
  margin:12px 0 8px !important;
  padding:0 !important;
  color:#222222 !important;
  font-size:28px !important;
  font-weight:800 !important;
  line-height:1.4 !important;
  word-break:keep-all !important;
}

.iibi-course-s062 {
  margin:0 !important;
  padding:0 !important;
  color:#777777 !important;
  font-size:15px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  word-break:keep-all !important;
}

.iibi-course-s063 {
  width:100% !important;
  overflow-x:auto !important;
  padding-bottom:10px !important;
}

.iibi-course-s064 {
  width:100% !important;
  min-width:720px !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:0 !important;
  background-color:transparent !important;
}

.iibi-course-s065 {
  width:33.33% !important;
  padding:0 6px 0 0 !important;
  border:0 !important;
  background-color:transparent !important;
  vertical-align:top !important;
}

.iibi-course-s066 {
  width:100% !important;
  table-layout:fixed !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:14px !important;
  background-color:#FFFFFF !important;
}

.iibi-course-s067 {
  height:210px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:13px 13px 0 0 !important;
  background-color:#EAF8FB !important;
  vertical-align:top !important;
}

.iibi-course-s068 {
  display:block !important;
  position:static !important;
  width:100% !important;
  max-width:100% !important;
  height:210px !important;
  min-height:0 !important;
  max-height:210px !important;
  margin:0 !important;
  padding:0 !important;
  border:0 !important;
  border-radius:13px 13px 0 0 !important;
  object-fit:cover !important;
  box-sizing:border-box !important;
}

.iibi-course-s069 {
  padding:18px 14px 22px !important;
  border:0 !important;
  background-color:#FFFFFF !important;
  border-radius:0 0 13px 13px !important;
  text-align:left !important;
  vertical-align:top !important;
}

.iibi-course-s070 {
  display:block !important;
  position:static !important;
  height:auto !important;
  margin:0 0 10px !important;
  padding:0 !important;
  color:#D83E4B !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
}

.iibi-course-s071 {
  display:block !important;
  position:static !important;
  height:auto !important;
  margin:0 0 12px !important;
  padding:0 !important;
  color:#333333 !important;
  font-size:17px !important;
  font-weight:800 !important;
  line-height:1.5 !important;
  word-break:keep-all !important;
}

.iibi-course-s072 {
  display:block !important;
  position:static !important;
  height:auto !important;
  margin:0 !important;
  padding:0 !important;
  color:#777777 !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.8 !important;
  word-break:keep-all !important;
}

.iibi-course-s073 {
  width:33.33% !important;
  padding:0 6px !important;
  border:0 !important;
  background-color:transparent !important;
  vertical-align:top !important;
}

.iibi-course-s074 {
  height:210px !important;
  padding:0 !important;
  border:0 !important;
  border-radius:13px 13px 0 0 !important;
  background-color:#EEEBFF !important;
  vertical-align:top !important;
}

.iibi-course-s075 {
  width:33.33% !important;
  padding:0 0 0 6px !important;
  border:0 !important;
  background-color:transparent !important;
  vertical-align:top !important;
}

.iibi-course-s076 {
  max-width:1000px !important;
  margin:0 auto 50px !important;
  font-family:Malgun Gothic,sans-serif !important;
  color:#333 !important;
  line-height:1.7 !important;
}

.iibi-course-s077 {
  padding:30px 12px !important;
  background-color:#FFF7FA !important;
  border:1px solid #F4D3DE !important;
  border-radius:14px !important;
}

.iibi-course-s078 {
  margin:0 0 13px !important;
  text-align:center !important;
  color:#D83E65 !important;
  font-size:12px !important;
  font-weight:bold !important;
}

.iibi-course-s079 {
  display:inline-block !important;
  padding:6px 15px !important;
  border:1px solid #F5C8D2 !important;
  border-radius:20px !important;
  background-color:#FFE8EE !important;
  color:#D83E4B !important;
  font-size:11px !important;
  font-weight:bold !important;
  letter-spacing:1px !important;
  line-height:1.6 !important;
}

.iibi-course-s080 {
  margin:10px 0 !important;
  text-align:center !important;
  font-size:27px !important;
  color:#302039 !important;
}

.iibi-course-s081 {
  margin:0 0 22px !important;
  text-align:center !important;
  font-size:14px !important;
  color:#766B78 !important;
}

.iibi-course-s082 {
  width:100% !important;
  table-layout:fixed !important;
  border:0 !important;
}

.iibi-course-s083 {
  padding:20px 15px !important;
  border:1px solid #F1CCD9 !important;
  border-top:4px solid #E94870 !important;
  border-radius:14px !important;
  background-color:#FFF !important;
  box-shadow:0 5px 14px rgba(133,51,79,0.08) !important;
}

.iibi-course-s084 {
  margin:0 0 12px !important;
}

.iibi-course-s085 {
  display:inline-block !important;
  padding:9px 12px !important;
  background-color:#302050 !important;
  color:#CDBBFF !important;
  font-size:20px !important;
  font-weight:bold !important;
  border-radius:8px !important;
  box-shadow:0 4px 10px rgba(48,32,57,0.12) !important;
}

.iibi-course-s086 {
  margin:0 !important;
  font-size:17px !important;
  font-weight:bold !important;
  color:#302039 !important;
}

.iibi-course-s087 {
  margin:2px 0 12px !important;
  font-size:12px !important;
  color:#89788A !important;
}

.iibi-course-s088 {
  margin:0 0 14px !important;
  font-size:13px !important;
  color:#665C68 !important;
}

.iibi-course-s089 {
  margin:0 !important;
  padding:9px !important;
  background-color:#FFF0F5 !important;
  border-radius:7px !important;
  font-size:12px !important;
  color:#A63A60 !important;
}

.iibi-course-s090 {
  display:inline-block !important;
  padding:9px 12px !important;
  background-color:#083D60 !important;
  color:#8EDFFF !important;
  font-size:20px !important;
  font-weight:bold !important;
  border-radius:8px !important;
  box-shadow:0 4px 10px rgba(48,32,57,0.12) !important;
}

.iibi-course-s091 {
  display:inline-block !important;
  padding:9px 12px !important;
  background-color:#612A22 !important;
  color:#FFB88A !important;
  font-size:20px !important;
  font-weight:bold !important;
  border-radius:8px !important;
  box-shadow:0 4px 10px rgba(48,32,57,0.12) !important;
}

.iibi-course-s092 {
  display:inline-block !important;
  padding:9px 12px !important;
  background-color:#D83E65 !important;
  color:#FFFFFF !important;
  font-size:20px !important;
  font-weight:bold !important;
  border-radius:8px !important;
  box-shadow:0 4px 10px rgba(48,32,57,0.12) !important;
}

.iibi-course-s093 {
  padding:20px 15px !important;
  border:1px solid #61435C !important;
  border-top:4px solid #E94870 !important;
  border-radius:14px !important;
  background-color:#302638 !important;
  box-shadow:0 5px 14px rgba(133,51,79,0.08) !important;
}

.iibi-course-s094 {
  margin:0 !important;
  font-size:17px !important;
  font-weight:bold !important;
  color:#FFF !important;
}

.iibi-course-s095 {
  margin:2px 0 12px !important;
  font-size:12px !important;
  color:#D7BFD2 !important;
}

.iibi-course-s096 {
  margin:0 0 14px !important;
  font-size:13px !important;
  color:#EBDDE7 !important;
}

.iibi-course-s097 {
  margin:0 !important;
  padding:9px !important;
  background-color:#493547 !important;
  border-radius:7px !important;
  font-size:12px !important;
  color:#FFCADB !important;
}

.iibi-course-s098 {
  margin:15px 6px 0 !important;
  font-size:12px !important;
  color:#857785 !important;
}

.iibi-course-s099 {
  max-width:1000px !important;
  margin:0 auto 54px !important;
  padding:26px 12px !important;
  font-family:Malgun Gothic,sans-serif !important;
  line-height:1.7 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:14px !important;
  background-color:#FFF7F9 !important;
}

.iibi-course-s100 {
  margin:0 0 13px !important;
  text-align:center !important;
}

.iibi-course-s101 {
  display:inline-block !important;
  padding:6px 15px !important;
  border:1px solid #F5C8D2 !important;
  border-radius:20px !important;
  background-color:#FFE8EE !important;
  color:#D83E4B !important;
  font-size:11px !important;
  font-weight:700 !important;
  letter-spacing:1px !important;
  line-height:1.6 !important;
}

.iibi-course-s102 {
  margin:10px 0 !important;
  text-align:center !important;
  font-size:27px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  color:#222 !important;
  word-break:keep-all !important;
}

.iibi-course-s103 {
  color:#D83E4B !important;
}

.iibi-course-s104 {
  margin:0 0 24px !important;
  text-align:center !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.7 !important;
  color:#666 !important;
  word-break:keep-all !important;
}

.iibi-course-s105 {
  width:100% !important;
  table-layout:fixed !important;
  border:0 !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

.iibi-course-s106 {
  width:33.33% !important;
  padding:0 6px !important;
  border:0 !important;
  vertical-align:top !important;
}

.iibi-course-s107 {
  width:100% !important;
  table-layout:fixed !important;
  border:1px solid #F1D6DD !important;
  border-radius:14px !important;
  background-color:#FFF !important;
  box-shadow:0 6px 16px rgba(133,51,79,0.08) !important;
  border-collapse:separate !important;
  border-spacing:0 !important;
}

.iibi-course-s108 {
  padding:0 !important;
  border:0 !important;
  background-color:#FFF1F5 !important;
  border-radius:13px 13px 0 0 !important;
}

.iibi-course-s109 {
  display:block !important;
  width:100% !important;
  height:180px !important;
  max-height:180px !important;
  object-fit:cover !important;
  border:0 !important;
  border-radius:13px 13px 0 0 !important;
  background-color:#FCEAF0 !important;
}

.iibi-course-s110 {
  height:190px !important;
  padding:20px 16px !important;
  vertical-align:top !important;
  border:0 !important;
  border-radius:0 0 13px 13px !important;
  background-color:#FFF !important;
}

.iibi-course-s111 {
  margin:0 0 12px !important;
  line-height:1 !important;
}

.iibi-course-s112 {
  display:inline-block !important;
  padding:4px 8px !important;
  border-radius:5px !important;
  background-color:#FFF0F4 !important;
  color:#D83E4B !important;
  font-size:10px !important;
  font-weight:700 !important;
  letter-spacing:0.5px !important;
  line-height:1.6 !important;
}

.iibi-course-s113 {
  min-height:48px !important;
  margin:0 0 12px !important;
  font-size:16px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  color:#333 !important;
  word-break:keep-all !important;
  overflow-wrap:break-word !important;
}

.iibi-course-s114 {
  margin:0 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.8 !important;
  color:#666 !important;
  word-break:keep-all !important;
  overflow-wrap:break-word !important;
}

.iibi-course-s115 {
  text-align: center !important;
}

.iibi-course-s116 {
  display:inline-block !important;
  margin-bottom:12px !important;
  padding:6px 14px !important;
  background:#FFF1F5 !important;
  border-radius:20px !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  letter-spacing:1px !important;
  color:#D83E4B !important;
}

.iibi-course-s117 {
  margin-bottom:50px !important;
}

.iibi-course-s118 {
  margin:0 0 25px !important;
  text-align:center !important;
  font-size:26px !important;
  color:#111111 !important;
}

.iibi-course-s119 {
  padding:18px 20px !important;
  background:#ffffff !important;
  border:1px dashed #FFBFC8 !important;
  border-radius:12px !important;
}

.iibi-course-s120 {
  margin:0 !important;
  padding-left:22px !important;
  font-size:15px !important;
  color:#444444 !important;
}

.iibi-course-s121 {
  margin-bottom:10px !important;
  word-break:keep-all !important;
}

.iibi-course-s122 {
  word-break:keep-all !important;
}

.iibi-course-s123 {
  max-width:560px !important;
  margin:0 auto 24px !important;
  text-align:center !important;
}

.iibi-course-s124 {
  display:inline-block !important;
  margin-bottom:12px !important;
  padding:6px 14px !important;
  background:#FFFFFF !important;
  border:1px solid #F5D5DE !important;
  border-radius:20px !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.4 !important;
  letter-spacing:1px !important;
  color:#D83E4B !important;
}

.iibi-course-s125 {
  margin-bottom:50px !important;
  font-family:Malgun Gothic,sans-serif !important;
}

.iibi-course-s126 {
  margin:0 0 25px !important;
  text-align:center !important;
  font-size:26px !important;
  color:#111111 !important;
  word-break:keep-all !important;
}

.iibi-course-s127 {
  width:100% !important;
  max-width:560px !important;
  margin:0 auto 26px !important;
  padding:8px !important;
  box-sizing:border-box !important;
  border:1px solid #FFD0D6 !important;
  border-radius:16px !important;
  background:linear-gradient(135deg,#FFF1F5 0%,#FFE3EA 100%) !important;
  box-shadow:0 6px 18px rgba(216,62,75,.10) !important;
}

.iibi-course-s128 {
  display:block !important;
  width:100% !important;
  height:auto !important;
  border-radius:10px !important;
}

.iibi-course-s129 {
  padding:22px !important;
  margin-bottom:15px !important;
  background:#FFF1F5 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:12px !important;
}

.iibi-course-s130 {
  margin-bottom:10px !important;
  font-size:18px !important;
  font-weight:700 !important;
  line-height:1.5 !important;
  color:#222222 !important;
  word-break:keep-all !important;
}

.iibi-course-s131 {
  margin:0 !important;
  font-size:16px !important;
  font-weight:400 !important;
  line-height:1.8 !important;
  color:#555555 !important;
  word-break:keep-all !important;
}

.iibi-course-s132 {
  margin:12px 0 0 !important;
  text-align:right !important;
  font-size:14px !important;
  font-weight:400 !important;
  line-height:1.6 !important;
  color:#888888 !important;
}

.iibi-course-s133 {
  padding:22px !important;
  background:#FFF1F5 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:12px !important;
}

.iibi-course-s134 {
  display:inline-block !important;
  background:#FFF1F5 !important;
  color:#D83E4B !important;
  padding:6px 14px !important;
  border-radius:12px !important;
  font-size:12px !important;
}

.iibi-course-s135 {
  margin:0 0 10px !important;
  padding:0 !important;
  text-align:center !important;
  font-size:26px !important;
  font-weight:700 !important;
  color:#111111 !important;
}

.iibi-course-s136 {
  margin:0 0 24px !important;
  padding:0 !important;
  text-align:center !important;
  font-size:16px !important;
  color:#666666 !important;
  word-break:keep-all !important;
}

.iibi-course-s137 {
  width:100% !important;
  overflow-x:auto !important;
  overflow-y:hidden !important;
  white-space:nowrap !important;
  font-size:0 !important;
  line-height:0 !important;
  padding:0 0 12px !important;
  box-sizing:border-box !important;
}

.iibi-course-s138 {
  display:inline-block !important;
  vertical-align:top !important;
  width:32% !important;
  min-width:250px !important;
  margin:0 2% 0 0 !important;
  white-space:normal !important;
  overflow:hidden !important;
  border:1px solid #FFD0D6 !important;
  border-radius:14px !important;
  background-color:#ffffff !important;
  box-shadow:0 5px 14px rgba(255,95,101,0.10) !important;
  box-sizing:border-box !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

.iibi-course-s139 {
  display:block !important;
  position:relative !important;
  width:100% !important;
  overflow:hidden !important;
  background-color:#111111 !important;
  text-decoration:none !important;
}

.iibi-course-s140 {
  display:block !important;
  width:100% !important;
  height:auto !important;
  aspect-ratio:16/9 !important;
  object-fit:cover !important;
  border:0 !important;
}

.iibi-course-s141 {
  position:absolute !important;
  right:10px !important;
  bottom:10px !important;
  padding:5px 9px !important;
  border-radius:5px !important;
  background-color:rgba(0,0,0,0.65) !important;
  color:#ffffff !important;
  font-size:11px !important;
  line-height:1.4 !important;
  pointer-events:none !important;
}

.iibi-course-s142 {
  min-height:150px !important;
  padding:16px 14px !important;
  box-sizing:border-box !important;
}

.iibi-course-s143 {
  display:inline-block !important;
  margin:0 0 10px !important;
  padding:4px 8px !important;
  border-radius:4px !important;
  background-color:#FF5F65 !important;
  color:#ffffff !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
}

.iibi-course-s144 {
  margin:0 0 10px !important;
  color:#222222 !important;
  font-size:16px !important;
  line-height:1.45 !important;
  word-break:keep-all !important;
}

.iibi-course-s145 {
  margin:0 !important;
  color:#666666 !important;
  font-size:13px !important;
  font-weight:400 !important;
  line-height:1.65 !important;
  word-break:keep-all !important;
}

.iibi-course-s146 {
  display:inline-block !important;
  vertical-align:top !important;
  width:32% !important;
  min-width:250px !important;
  margin:0 !important;
  white-space:normal !important;
  overflow:hidden !important;
  border:1px solid #FFD0D6 !important;
  border-radius:14px !important;
  background-color:#ffffff !important;
  box-shadow:0 5px 14px rgba(255,95,101,0.10) !important;
  box-sizing:border-box !important;
  font-size:14px !important;
  line-height:1.5 !important;
}

.iibi-course-s147 {
  display:inline-block !important;
  margin:0 0 10px !important;
  padding:4px 8px !important;
  border-radius:4px !important;
  background-color:#8652A3 !important;
  color:#FFFFFF !important;
  font-size:12px !important;
  font-weight:700 !important;
  line-height:1.3 !important;
}

.iibi-course-s148 {
  margin:8px 0 0 !important;
  text-align:center !important;
  font-size:12px !important;
  color:#999999 !important;
  line-height:1.6 !important;
  word-break:keep-all !important;
}

.iibi-course-s149 {
  width:100% !important;
  max-width:1000px !important;
  margin:0 auto 50px !important;
  box-sizing:border-box !important;
  font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif !important;
  line-height:1.7 !important;
  color:#FFFFFF !important;
}

.iibi-course-s150 {
  padding:32px 22px !important;
  box-sizing:border-box !important;
  background:linear-gradient(145deg,#292929 0%,#353035 100%) !important;
  border-radius:18px !important;
}

.iibi-course-s151 {
  margin-bottom:26px !important;
  text-align:center !important;
}

.iibi-course-s152 {
  display:inline-block !important;
  margin-bottom:9px !important;
  padding:5px 12px !important;
  border-radius:20px !important;
  background:rgba(255,95,101,.15) !important;
  color:#FFADB3 !important;
  font-size:12px !important;
  font-weight:800 !important;
  letter-spacing:1px !important;
}

.iibi-course-s153 {
  margin:0 0 10px !important;
  font-size:clamp(24px,4.5vw,30px) !important;
  line-height:1.4 !important;
  font-weight:800 !important;
  color:#FFFFFF !important;
  word-break:keep-all !important;
}

.iibi-course-s154 {
  display:flex !important;
  flex-wrap:wrap !important;
  gap:12px !important;
}

.iibi-course-s155 {
  flex:1 1 300px !important;
  min-width:0 !important;
  padding:18px !important;
  box-sizing:border-box !important;
  border:1px solid rgba(255,255,255,.12) !important;
  border-radius:12px !important;
  background:rgba(255,255,255,.055) !important;
}

.iibi-course-s156 {
  margin-bottom:7px !important;
  font-size:11px !important;
  font-weight:800 !important;
  letter-spacing:1px !important;
  color:#FFADB3 !important;
}

.iibi-course-s157 {
  margin:0 0 8px !important;
  font-size:18px !important;
  line-height:1.5 !important;
  font-weight:800 !important;
  color:#FFFFFF !important;
  word-break:keep-all !important;
}

.iibi-course-s158 {
  margin:0 !important;
  font-size:13px !important;
  color:#C9C9C9 !important;
  word-break:keep-all !important;
}

.iibi-course-s159 {
  margin-top:24px !important;
  padding-top:19px !important;
  border-top:1px solid rgba(255,255,255,.15) !important;
  text-align:center !important;
}

.iibi-course-s160 {
  margin:0 !important;
  font-size:14px !important;
  color:#E0E0E0 !important;
  word-break:keep-all !important;
}

.iibi-course-s161 {
  font-size:20px !important;
}

.iibi-course-s162 {
  font-weight:800 !important;
  color:#FFADB3 !important;
}

.iibi-course-s163 {
  margin:0 0 25px !important;
  text-align:center !important;
  font-size:26px !important;
  color:#111111 !important;
  word-break:keep-all !important;
}

.iibi-course-s164 {
  padding:22px !important;
  background:#FFF1F5 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:12px !important;
}

.iibi-course-s165 {
  margin-bottom:20px !important;
  padding-bottom:16px !important;
  border-bottom:1px dashed #FFD0D6 !important;
}

.iibi-course-s166 {
  margin:0 0 7px !important;
  font-size:16px !important;
  color:#D83E4B !important;
  word-break:keep-all !important;
}

.iibi-course-s167 {
  margin:0 !important;
  font-size:16px !important;
  color:#555555 !important;
  word-break:keep-all !important;
}

.iibi-course-s168 {
  margin-bottom:40px !important;
}

.iibi-course-s169 {
  padding:36px 20px !important;
  background:#FFF1F5 !important;
  border:1px solid #FFD0D6 !important;
  border-radius:12px !important;
  text-align:center !important;
}

.iibi-course-s170 {
  display:inline-block !important;
  padding:6px 18px !important;
  background:#FF5F65 !important;
  color:#ffffff !important;
  border-radius:24px !important;
  font-weight:700 !important;
}

.iibi-course-s171 {
  margin:18px 0 10px !important;
  font-size:clamp(26px,6vw,34px) !important;
  line-height:1.4 !important;
  color:#222222 !important;
  word-break:keep-all !important;
}

.iibi-course-s172 {
  margin:0 0 20px !important;
  font-size:20px !important;
  color:#D83E4B !important;
  font-weight:700 !important;
  word-break:keep-all !important;
}

.iibi-course-s173 {
  width:100% !important;
  max-width:560px !important;
  margin:0 auto 22px !important;
  padding:7px !important;
  border:1px solid #FFD0D6 !important;
  border-radius:14px !important;
  background:#ffffff !important;
  box-shadow:0 8px 24px rgba(216,62,75,0.08) !important;
  box-sizing:border-box !important;
}

.iibi-course-s174 {
  display:block !important;
  width:100% !important;
  height:auto !important;
  min-height:0 !important;
  max-height:none !important;
  border-radius:9px !important;
  background:#ffffff !important;
}

.iibi-course-s175 {
  display:inline-block !important;
  padding:10px 28px !important;
  background:#ffffff !important;
  border:2px solid #FF5F65 !important;
  border-radius:32px !important;
  color:#D83E4B !important;
  font-size:20px !important;
  font-weight:700 !important;
  text-decoration:none !important;
  cursor:pointer !important;
}

.iibi-course-s176 {
  margin:18px 0 0 !important;
  font-size:16px !important;
  color:#555555 !important;
}

/* ==================================================
   모바일 전용: 767px 이하에서만 적용 / PC 설정 유지
   ================================================== */
@media screen and (max-width: 767px) {
  [class^="iibi-course-s"] {
    box-sizing: border-box !important;
    max-width: 100% !important;
  }

  p[class^="iibi-course-s"],
  h1[class^="iibi-course-s"],
  h2[class^="iibi-course-s"],
  h3[class^="iibi-course-s"],
  h4[class^="iibi-course-s"],
  li[class^="iibi-course-s"],
  span[class^="iibi-course-s"],
  a[class^="iibi-course-s"],
  td[class^="iibi-course-s"] {
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }

  .iibi-course-s001 { padding: 0 12px !important; }
  .iibi-course-s003 { padding: 32px 16px 26px !important; }
  .iibi-course-s008 { font-size: clamp(26px, 7vw, 36px) !important; }
  .iibi-course-s009,
  .iibi-course-s010 { font-size: clamp(28px, 7.7vw, 40px) !important; line-height: 1.3 !important; letter-spacing: -1px !important; }
  .iibi-course-s014 { font-size: 15px !important; line-height: 1.75 !important; }
  .iibi-course-s016,
  .iibi-course-s017 { padding: 6px 9px !important; font-size: 11px !important; }
  .iibi-course-s018 { font-size: 12px !important; }
  .iibi-course-s020 { padding: 26px 14px !important; }
  .iibi-course-s022 { font-size: 19px !important; }
  .iibi-course-s030 { font-size: 21px !important; }

  /* 섹션 제목: 폭에 맞는 크기와 자연스러운 줄바꿈 */
  .iibi-course-s035,
  .iibi-course-s036,
  .iibi-course-s061,
  .iibi-course-s080,
  .iibi-course-s102,
  .iibi-course-s118,
  .iibi-course-s126,
  .iibi-course-s135,
  .iibi-course-s153,
  .iibi-course-s163,
  .iibi-course-s171 {
    font-size: clamp(22px, 5.7vw, 26px) !important;
    line-height: 1.45 !important;
    letter-spacing: -0.7px !important;
  }
  .iibi-course-s037,
  .iibi-course-s062,
  .iibi-course-s081,
  .iibi-course-s104,
  .iibi-course-s136 { font-size: 14px !important; line-height: 1.8 !important; }

  /* 차별점: 모바일은 넓은 카드 1열, 불필요한 높이 해제 */
  .iibi-course-s039 { padding: 18px 14px !important; }
  .iibi-course-s043 { padding: 16px 12px 12px !important; }
  .iibi-course-s044 { grid-template-columns: minmax(0, 1fr) !important; gap: 12px !important; }
  .iibi-course-s045,
  .iibi-course-s051 { min-width: 0 !important; min-height: 0 !important; padding: 18px !important; }
  .iibi-course-s046 { flex-wrap: wrap !important; }
  .iibi-course-s049,
  .iibi-course-s054 { font-size: 18px !important; }
  .iibi-course-s050,
  .iibi-course-s055 { font-size: 14px !important; line-height: 1.8 !important; }

  /* AI 결과물: 좁은 3열 표를 이미지+설명 카드 1열로 전환 */
  .iibi-course-s063 { overflow: visible !important; padding-bottom: 0 !important; }
  .iibi-course-s064 { display: block !important; width: 100% !important; min-width: 0 !important; }
  .iibi-course-s064 > tbody { display: block !important; }
  .iibi-course-s064 > tbody > tr { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  .iibi-course-s065,
  .iibi-course-s073,
  .iibi-course-s075 { display: block !important; width: 100% !important; min-width: 0 !important; padding: 0 !important; }
  .iibi-course-s066 { overflow: hidden !important; }
  .iibi-course-s067,
  .iibi-course-s074 { height: auto !important; }
  .iibi-course-s068 { width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; }
  .iibi-course-s069 { padding: 18px 16px !important; }
  .iibi-course-s071 { font-size: 18px !important; }
  .iibi-course-s072 { font-size: 14px !important; line-height: 1.8 !important; }

  /* 학습 내용: 표의 행 구조를 풀고 6개 카드를 넓게 재배치 */
  .iibi-course-s077 { padding: 24px 12px !important; }
  .iibi-course-s082 { display: block !important; width: 100% !important; min-width: 0 !important; border-spacing: 0 !important; }
  .iibi-course-s082 > tbody { display: grid !important; grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 12px !important; }
  .iibi-course-s082 > tbody > tr { display: contents !important; }
  .iibi-course-s083,
  .iibi-course-s093 { display: block !important; width: 100% !important; min-width: 0 !important; padding: 18px !important; }
  .iibi-course-s088,
  .iibi-course-s096 { font-size: 14px !important; line-height: 1.8 !important; }
  .iibi-course-s089,
  .iibi-course-s097 { font-size: 13px !important; line-height: 1.75 !important; }

  /* 실습 환경: 이미지와 설명을 갖춘 전체 폭 카드 */
  .iibi-course-s099 { padding: 24px 12px !important; }
  .iibi-course-s105 { display: block !important; width: 100% !important; min-width: 0 !important; }
  .iibi-course-s105 > tbody { display: block !important; }
  .iibi-course-s105 > tbody > tr { display: grid !important; grid-template-columns: minmax(0, 1fr) !important; gap: 16px !important; }
  .iibi-course-s106 { display: block !important; width: 100% !important; min-width: 0 !important; padding: 0 !important; }
  .iibi-course-s107 { overflow: hidden !important; }
  .iibi-course-s109 { width: 100% !important; height: auto !important; max-height: none !important; aspect-ratio: 16 / 9 !important; object-fit: cover !important; }
  .iibi-course-s110 { height: auto !important; padding: 18px 16px !important; }
  .iibi-course-s113 { min-height: 0 !important; margin-bottom: 10px !important; font-size: 18px !important; }
  .iibi-course-s114 { font-size: 14px !important; line-height: 1.8 !important; }

  /* 추천 대상 / 후기 / FAQ */
  .iibi-course-s119 { padding: 18px 14px !important; }
  .iibi-course-s120 { padding-left: 20px !important; font-size: 14px !important; line-height: 1.85 !important; }
  .iibi-course-s129,
  .iibi-course-s133,
  .iibi-course-s164 { padding: 18px 16px !important; }
  .iibi-course-s130 { font-size: 17px !important; }
  .iibi-course-s131,
  .iibi-course-s167 { font-size: 15px !important; line-height: 1.85 !important; }
  .iibi-course-s132 { font-size: 13px !important; }
  .iibi-course-s166 { font-size: 16px !important; line-height: 1.6 !important; }

  /* 포트폴리오는 기존 좌우 스와이프 유지 */
  .iibi-course-s137 { white-space: nowrap !important; overflow-x: auto !important; scroll-snap-type: x proximity; -webkit-overflow-scrolling: touch; }
  .iibi-course-s138,
  .iibi-course-s146 { width: 86% !important; min-width: 0 !important; margin-right: 12px !important; white-space: normal !important; scroll-snap-align: start; }
  .iibi-course-s146 { margin-right: 0 !important; }
  .iibi-course-s142 { min-height: 0 !important; }

  /* 진출 분야 / 상담 안내 */
  .iibi-course-s149 { padding: 0 12px !important; }
  .iibi-course-s150 { padding: 26px 16px !important; }
  .iibi-course-s155 { flex: 1 1 100% !important; padding: 16px !important; }
  .iibi-course-s157 { font-size: 17px !important; }
  .iibi-course-s158 { line-height: 1.8 !important; }
  .iibi-course-s161 { font-size: 17px !important; }
  .iibi-course-s168,
  .iibi-course-s117#course-faq { padding: 0 12px !important; }
  .iibi-course-s169 { padding: 26px 16px !important; }
  .iibi-course-s172 { font-size: 17px !important; line-height: 1.7 !important; }
  .iibi-course-s175 { padding: 12px 22px !important; font-size: 18px !important; }
  .iibi-course-s176 { font-size: 14px !important; }
}

@media screen and (max-width: 480px) {
  .iibi-course-s082 > tbody { grid-template-columns: minmax(0, 1fr) !important; }
}
@media screen and (max-width: 767px) {

  /* 가로 스크롤 제거 · 세로 배치 */
  .iibi-course-s137 {
    display: flex !important;
    flex-direction: column !important;
    flex-wrap: nowrap !important;
    gap: 20px !important;
    overflow: visible !important;
    scroll-snap-type: none !important;
    padding-bottom: 0 !important;
  }

  /* 각 작품을 화면 너비에 맞춤 */
  .iibi-course-s137 > .iibi-course-s138,
  .iibi-course-s137 > .iibi-course-s146 {
    flex: none !important;
    width: 100% !important;
    min-width: 0 !important;
    max-width: 100% !important;
    margin: 0 !important;
    box-sizing: border-box !important;
  }

  /* 영상 미리보기 비율 유지 */
  .iibi-course-s137 .iibi-course-s139 {
    display: block !important;
    width: 100% !important;
  }

  .iibi-course-s137 .iibi-course-s140 {
    display: block !important;
    width: 100% !important;
    max-width: 100% !important;
    height: auto !important;
    aspect-ratio: 16 / 9 !important;
    object-fit: cover !important;
  }

  /* 제목·설명 자동 줄바꿈 */
  .iibi-course-s137 .iibi-course-s144,
  .iibi-course-s137 .iibi-course-s145 {
    white-space: normal !important;
    word-break: keep-all !important;
    overflow-wrap: anywhere !important;
  }
}

/* 2026-10-22: 포트폴리오와 같은 부모 너비 사용. 확대 배율 대신 실제 레이아웃 조정. */
#iibi-course-page {
  width:100%; max-width:100%; margin:0 auto; padding:0;
  box-sizing:border-box; font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;
  color:#333; line-height:1.7;
}
#iibi-course-page .iibi-course-s001 {
  width:100% !important; max-width:none !important; padding:0 !important;
}
#iibi-course-page .iibi-course-s076,
#iibi-course-page .iibi-course-s099,
#iibi-course-page .iibi-course-s149 {
  width:100% !important; max-width:none !important; box-sizing:border-box !important;
}
@media screen and (min-width:768px) {
  #iibi-course-page .iibi-course-s012,
  #iibi-course-page .iibi-course-s040,
  #iibi-course-page .iibi-course-s127,
  #iibi-course-page .iibi-course-s173 { max-width:720px !important; }
  #iibi-course-page .iibi-course-s014 { max-width:800px !important; font-size:20px !important; }
  #iibi-course-page .iibi-course-s039 { padding:32px !important; }
  #iibi-course-page .iibi-course-s043 { padding:26px 22px 22px !important; }
  #iibi-course-page .iibi-course-s044 { gap:16px !important; }
  #iibi-course-page .iibi-course-s045,
  #iibi-course-page .iibi-course-s051 { padding:24px !important; }
  #iibi-course-page .iibi-course-s077,
  #iibi-course-page .iibi-course-s099 { padding:34px 20px !important; }
  #iibi-course-page .iibi-course-s083,
  #iibi-course-page .iibi-course-s093 { padding:24px 18px !important; }
  #iibi-course-page .iibi-course-s067,
  #iibi-course-page .iibi-course-s074 { height:auto !important; }
  #iibi-course-page .iibi-course-s068,
  #iibi-course-page .iibi-course-s109 {
    width:100% !important; height:auto !important; max-height:none !important;
    aspect-ratio:16 / 9 !important; object-fit:cover !important;
  }
  #iibi-course-page .iibi-course-s069,
  #iibi-course-page .iibi-course-s110 { height:auto !important; padding:24px 20px !important; }
  #iibi-course-page .iibi-course-s113 { min-height:0 !important; margin-bottom:14px !important; }
#iibi-course-page .iibi-course-s035,
#iibi-course-page .iibi-course-s036,
#iibi-course-page .iibi-course-s061,
#iibi-course-page .iibi-course-s080,
#iibi-course-page .iibi-course-s102,
#iibi-course-page .iibi-course-s118,
#iibi-course-page .iibi-course-s126,
#iibi-course-page .iibi-course-s135,
#iibi-course-page .iibi-course-s153,
#iibi-course-page .iibi-course-s163 { font-size:30px !important; }
#iibi-course-page .iibi-course-s037,
#iibi-course-page .iibi-course-s050,
#iibi-course-page .iibi-course-s055,
#iibi-course-page .iibi-course-s062,
#iibi-course-page .iibi-course-s072,
#iibi-course-page .iibi-course-s081,
#iibi-course-page .iibi-course-s088,
#iibi-course-page .iibi-course-s096,
#iibi-course-page .iibi-course-s104,
#iibi-course-page .iibi-course-s114,
#iibi-course-page .iibi-course-s120,
#iibi-course-page .iibi-course-s131,
#iibi-course-page .iibi-course-s136,
#iibi-course-page .iibi-course-s158,
#iibi-course-page .iibi-course-s167 { font-size:16px !important; }
#iibi-course-page .iibi-course-s049,
#iibi-course-page .iibi-course-s054,
#iibi-course-page .iibi-course-s071,
#iibi-course-page .iibi-course-s086,
#iibi-course-page .iibi-course-s094,
#iibi-course-page .iibi-course-s113,
#iibi-course-page .iibi-course-s157 { font-size:20px !important; }
#iibi-course-page .iibi-course-s007,
#iibi-course-page .iibi-course-s016,
#iibi-course-page .iibi-course-s017,
#iibi-course-page .iibi-course-s018,
#iibi-course-page .iibi-course-s034,
#iibi-course-page .iibi-course-s048,
#iibi-course-page .iibi-course-s053,
#iibi-course-page .iibi-course-s060,
#iibi-course-page .iibi-course-s070,
#iibi-course-page .iibi-course-s079,
#iibi-course-page .iibi-course-s087,
#iibi-course-page .iibi-course-s095,
#iibi-course-page .iibi-course-s101,
#iibi-course-page .iibi-course-s112 { font-size:13px !important; }
#iibi-course-page .iibi-course-s089,
#iibi-course-page .iibi-course-s097,
#iibi-course-page .iibi-course-s098 { font-size:14px !important; }

}
@media screen and (max-width:767px) {
  #iibi-course-page { padding:0 12px; }
  #iibi-course-page .iibi-course-s149,
  #iibi-course-page .iibi-course-s168,
  #iibi-course-page .iibi-course-s117#course-faq { padding-left:0 !important; padding-right:0 !important; }
}

/* 촬영·제작·학습 지원: 이미지와 설명이 교차하는 구성 */
#iibi-practice-editorial {
  box-sizing:border-box; width:100%; margin:0 auto 54px; padding:32px 24px 12px;
  background:#FFF7F9; border:1px solid #FFD0D6; border-radius:16px; color:#25232a; font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif;
  line-height:1.7; text-align:center;
}
#iibi-practice-editorial * {box-sizing:border-box;}
#iibi-practice-editorial .ipe-heading {margin:0 0 26px; padding:0; text-align:center;}
#iibi-practice-editorial .ipe-eyebrow {display:inline-block; padding:6px 15px; border:1px solid #F5C8D2; border-radius:20px; background:#FFE8EE; color:#D83E4B; font-size:11px; font-weight:700; letter-spacing:1px; line-height:1.6;}
#iibi-practice-editorial .ipe-heading h2 {margin:12px 0; padding:0; font-size:30px; line-height:1.4; font-weight:800; letter-spacing:-.7px; word-break:keep-all;}
#iibi-practice-editorial .ipe-heading em {color:#e94860; font-style:normal;}
#iibi-practice-editorial .ipe-heading p {margin:0; color:#68616b; font-size:16px; line-height:1.8; word-break:keep-all;}
#iibi-practice-editorial .ipe-story {display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:clamp(20px,3vw,40px); align-items:center; margin:0; padding:30px 0; border:0; border-top:1px solid #F4DDE4;}
#iibi-practice-editorial .ipe-photo {min-width:0; margin:0; overflow:hidden; border:1px solid #F1D6DD; border-radius:12px; background:#fff;}
#iibi-practice-editorial .ipe-photo img {display:block; width:100%; max-width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; border:0; margin:0;}
#iibi-practice-editorial .ipe-copy {min-width:0; padding:8px 6px; text-align:center;}
#iibi-practice-editorial .ipe-kicker {display:flex; align-items:center; justify-content:center; flex-wrap:wrap; gap:10px; color:#D83E4B; font-size:11px; font-weight:700; letter-spacing:1px;}
#iibi-practice-editorial .ipe-number {display:inline-flex; align-items:center; justify-content:center; width:34px; height:34px; flex:0 0 34px; border:1px solid #FFD0D6; border-radius:10px; background:#fff; color:#D83E4B; font-size:14px; font-weight:700; line-height:1; letter-spacing:0;}
#iibi-practice-editorial .ipe-copy h3 {margin:14px 0 12px; padding:0; color:#25232a; font-size:24px; font-weight:800; line-height:1.45; letter-spacing:-.8px; word-break:keep-all;}
#iibi-practice-editorial .ipe-copy p {max-width:36ch; margin:0 auto; padding:0; color:#68616b; font-size:16px; font-weight:400; line-height:1.9; word-break:keep-all; overflow-wrap:anywhere;}
#iibi-practice-editorial .ipe-reverse {grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);}
#iibi-practice-editorial .ipe-reverse .ipe-photo {grid-column:2; grid-row:1;}
#iibi-practice-editorial .ipe-reverse .ipe-copy {grid-column:1; grid-row:1;}
@media screen and (max-width:600px) {
  #iibi-practice-editorial {padding:26px 16px 4px; margin-bottom:44px;}
  #iibi-practice-editorial .ipe-heading {margin-bottom:24px;}
  #iibi-practice-editorial .ipe-heading h2 {font-size:25px;}
  #iibi-practice-editorial .ipe-heading p {font-size:14px;}
  #iibi-practice-editorial .ipe-story,
  #iibi-practice-editorial .ipe-reverse {grid-template-columns:minmax(0,1fr); gap:18px; padding:26px 0;}
  #iibi-practice-editorial .ipe-reverse .ipe-photo,
  #iibi-practice-editorial .ipe-reverse .ipe-copy {grid-column:auto; grid-row:auto;}
  #iibi-practice-editorial .ipe-photo {border-radius:14px;}
  #iibi-practice-editorial .ipe-copy {padding:0 4px;}
  #iibi-practice-editorial .ipe-number {font-size:13px; width:30px; height:30px; flex-basis:30px;}
  #iibi-practice-editorial .ipe-copy h3 {font-size:21px; margin:10px 0;}
  #iibi-practice-editorial .ipe-copy h3 br {display:none;}
  #iibi-practice-editorial .ipe-copy h3 br::after {content:' ';}
  #iibi-practice-editorial .ipe-copy p {font-size:15px; line-height:1.8;}
}

/* 차별점: 편리한 통학 / 개인 포트폴리오 / 취업 지원 */
#course-benefits.iibi-benefits-three {width:100%; margin:0 0 54px; box-sizing:border-box; font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif; color:#28232b; line-height:1.7; text-align:center;}
#course-benefits.iibi-benefits-three * {box-sizing:border-box;}
#course-benefits .ibt-heading {margin:0 0 24px; padding:0; text-align:center;}
#course-benefits .ibt-label {display:inline-block; padding:5px 13px; margin:0 0 10px; border-radius:20px; background:#FFF1F5; color:#D83E4B; font-size:12px; font-weight:700; letter-spacing:1px;}
#course-benefits .ibt-heading h2 {margin:0; padding:0; color:#111; font-size:30px; font-weight:800; line-height:1.45; letter-spacing:-.8px; word-break:keep-all; overflow-wrap:anywhere;}
#course-benefits .ibt-heading p {margin:10px 0 0; padding:0; font-size:16px; font-weight:400; line-height:1.8; color:#756a73; word-break:keep-all;}
#course-benefits .ibt-panel {padding:28px 22px 22px; border:1px solid #FFD0D6; border-radius:18px; background:linear-gradient(180deg,#FFF7F9,#FFF1F5);}
#course-benefits .ibt-visual {width:100%; max-width:640px; margin:0 auto 26px; padding:0; border:1px solid #F2D7DF; border-radius:14px; overflow:hidden; background:#fff;}
#course-benefits .ibt-visual img {display:block; width:100%; max-width:100%; height:auto; aspect-ratio:16/9; object-fit:cover; margin:0; border:0;}
#course-benefits .ibt-points {display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); padding:28px 0; border:1px solid #F5DCE3; border-radius:14px; background:#fff;}
#course-benefits .ibt-point {min-width:0; padding:0 18px; margin:0; text-align:center;}
#course-benefits .ibt-point + .ibt-point {border-left:1px solid #F3DDE5;}
#course-benefits .ibt-step {display:inline-block; padding:5px 10px; border-radius:20px; background:#FFF1F5; color:#B7354B; font-size:11px; font-weight:700; line-height:1.6; word-break:keep-all;}
#course-benefits .ibt-point h3 {margin:16px 0 12px; padding:0; color:#302732; font-size:clamp(18px,1.9vw,23px); font-weight:800; line-height:1.55; letter-spacing:-.65px; word-break:keep-all; overflow-wrap:anywhere;}
#course-benefits .ibt-point h3 span {color:#D83E4B;}
#course-benefits .ibt-point p {max-width:28ch; margin:0 auto; padding:0; color:#756a73; font-size:14px; font-weight:400; line-height:1.85; word-break:keep-all; overflow-wrap:anywhere;}
@media screen and (max-width:767px) {
  #course-benefits .ibt-heading h2 {font-size:clamp(22px,5.7vw,26px);}
  #course-benefits .ibt-heading p {font-size:14px;}
  #course-benefits .ibt-panel {padding:18px 14px 14px;}
  #course-benefits .ibt-visual {margin-bottom:18px;}
}
@media screen and (max-width:640px) {
  #course-benefits .ibt-points {grid-template-columns:minmax(0,1fr); padding:0 18px;}
  #course-benefits .ibt-point {padding:22px 0;}
  #course-benefits .ibt-point + .ibt-point {border-left:0; border-top:1px solid #F3DDE5;}
  #course-benefits .ibt-point h3 {font-size:22px; margin:12px 0 8px;}
  #course-benefits .ibt-point p {max-width:32ch;}
}

/* 기존 후기 인라인 스타일 분리 */
#iibi-course-page .iibi-inline-001 {box-sizing:border-box !important;width:100% !important;max-width:none !important;margin:0 auto 50px !important;padding:24px 12px 28px !important;background:#FFFFFF !important;font-family:'Malgun Gothic','Apple SD Gothic Neo',sans-serif !important;line-height:1.7 !important;}
#iibi-course-page .iibi-inline-002 {margin:0 0 20px !important;text-align:center !important;}
#iibi-course-page .iibi-inline-003 {display:inline-block !important;padding:5px 12px !important;margin:0 0 3px !important;border:0 !important;border-radius:20px !important;background:#FFF1F5 !important;color:#D83E4B !important;font-size:12px !important;font-weight:700 !important;letter-spacing:1px !important;line-height:1.5 !important;vertical-align:bottom !important;}
#iibi-course-page .iibi-inline-004 {margin:0 !important;padding:0 !important;color:#292129 !important;font-size:clamp(22px,4vw,30px) !important;font-weight:800 !important;line-height:1.45 !important;letter-spacing:-1px !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-005 {margin:8px 0 0 !important;color:#796A74 !important;font-size:clamp(14px,1.3vw,16px) !important;font-weight:400 !important;line-height:1.7 !important;word-break:keep-all !important;}
#iibi-course-page .iibi-inline-006 {box-sizing:border-box !important;position:relative !important;width:100% !important;max-width:720px !important;aspect-ratio:auto !important;margin:0 auto 24px !important;padding:10px !important;border:1px solid #FFD0D6 !important;border-radius:20px !important;overflow:hidden !important;background:#FFF1F5 !important;box-shadow:0 8px 24px rgba(216,62,75,.08) !important;}
#iibi-course-page .iibi-inline-007 {box-sizing:border-box !important;position:static !important;display:block !important;width:100% !important;max-width:100% !important;height:auto !important;left:auto !important;top:auto !important;border:0 !important;border-radius:12px !important;}
#iibi-course-page .iibi-inline-008 {display:block !important;background:#FFF1F5 !important;border:1px solid #FFD0D6 !important;border-radius:18px !important;overflow:hidden !important;padding:6px 16px !important;box-sizing:border-box !important;}
#iibi-course-page .iibi-inline-009 {display:block !important;padding:20px 0 !important;margin:0 !important;background:#FFF1F5 !important;border:0 !important;border-radius:0 !important;box-shadow:none !important;}
#iibi-course-page .iibi-inline-010 {display:flex !important;align-items:flex-start !important;gap:9px !important;margin:0 0 12px !important;color:#38202E !important;font-size:clamp(18px,2.6vw,21px) !important;font-weight:800 !important;line-height:1.45 !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-011 {display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 28px !important;width:28px !important;height:28px !important;border-radius:8px !important;background:#FFFFFF !important;color:#D83E4B !important;font-size:18px !important;}
#iibi-course-page .iibi-inline-012 {min-width:0 !important;}
#iibi-course-page .iibi-inline-013 {margin:0 !important;color:#715765 !important;opacity:1 !important;font-size:clamp(14px,1.3vw,16px) !important;font-weight:400 !important;line-height:1.85 !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-014 {margin:9px 0 0 !important;padding:0 !important;border:0 !important;text-align:right !important;color:#826776 !important;opacity:1 !important;font-size:12px !important;font-weight:400 !important;line-height:1.6 !important;word-break:keep-all !important;}
#iibi-course-page .iibi-inline-015 {display:block !important;padding:20px 0 !important;margin:0 !important;background:#FFF1F5 !important;border:0 !important;border-top:1px solid #F5DDE4 !important;border-radius:0 !important;box-shadow:none !important;}
#iibi-course-page .iibi-inline-016 {display:flex !important;align-items:flex-start !important;gap:9px !important;margin:0 0 12px !important;color:#38202E !important;font-size:clamp(18px,2.6vw,21px) !important;font-weight:800 !important;line-height:1.45 !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-017 {display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 28px !important;width:28px !important;height:28px !important;border-radius:8px !important;background:#FFFFFF !important;color:#D83E4B !important;font-size:18px !important;}
#iibi-course-page .iibi-inline-018 {min-width:0 !important;}
#iibi-course-page .iibi-inline-019 {margin:0 !important;color:#715765 !important;opacity:1 !important;font-size:clamp(14px,1.3vw,16px) !important;font-weight:400 !important;line-height:1.85 !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-020 {margin:9px 0 0 !important;padding:0 !important;border:0 !important;text-align:right !important;color:#826776 !important;opacity:1 !important;font-size:12px !important;font-weight:400 !important;line-height:1.6 !important;word-break:keep-all !important;}
#iibi-course-page .iibi-inline-021 {display:block !important;padding:20px 0 !important;margin:0 !important;background:#FFF1F5 !important;border:0 !important;border-top:1px solid #F5DDE4 !important;border-radius:0 !important;box-shadow:none !important;}
#iibi-course-page .iibi-inline-022 {display:flex !important;align-items:flex-start !important;gap:9px !important;margin:0 0 12px !important;color:#38202E !important;font-size:clamp(18px,2.6vw,21px) !important;font-weight:800 !important;line-height:1.45 !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-023 {display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 28px !important;width:28px !important;height:28px !important;border-radius:8px !important;background:#FFFFFF !important;color:#D83E4B !important;font-size:18px !important;}
#iibi-course-page .iibi-inline-024 {min-width:0 !important;}
#iibi-course-page .iibi-inline-025 {margin:0 !important;color:#715765 !important;opacity:1 !important;font-size:clamp(14px,1.3vw,16px) !important;font-weight:400 !important;line-height:1.85 !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-026 {margin:9px 0 0 !important;padding:0 !important;border:0 !important;text-align:right !important;color:#826776 !important;opacity:1 !important;font-size:12px !important;font-weight:400 !important;line-height:1.6 !important;word-break:keep-all !important;}
#iibi-course-page .iibi-inline-027 {display:block !important;padding:20px 0 !important;margin:0 !important;background:#FFF1F5 !important;border:0 !important;border-top:1px solid #F5DDE4 !important;border-radius:0 !important;box-shadow:none !important;}
#iibi-course-page .iibi-inline-028 {display:flex !important;align-items:flex-start !important;gap:9px !important;margin:0 0 12px !important;color:#38202E !important;font-size:clamp(18px,2.6vw,21px) !important;font-weight:800 !important;line-height:1.45 !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-029 {display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 28px !important;width:28px !important;height:28px !important;border-radius:8px !important;background:#FFFFFF !important;color:#D83E4B !important;font-size:18px !important;}
#iibi-course-page .iibi-inline-030 {min-width:0 !important;}
#iibi-course-page .iibi-inline-031 {margin:0 !important;color:#715765 !important;opacity:1 !important;font-size:clamp(14px,1.3vw,16px) !important;font-weight:400 !important;line-height:1.85 !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-032 {margin:9px 0 0 !important;padding:0 !important;border:0 !important;text-align:right !important;color:#826776 !important;opacity:1 !important;font-size:12px !important;font-weight:400 !important;line-height:1.6 !important;word-break:keep-all !important;}
#iibi-course-page .iibi-inline-033 {display:block !important;padding:20px 0 !important;margin:0 !important;background:#FFF1F5 !important;border:0 !important;border-top:1px solid #F5DDE4 !important;border-radius:0 !important;box-shadow:none !important;}
#iibi-course-page .iibi-inline-034 {display:flex !important;align-items:flex-start !important;gap:9px !important;margin:0 0 12px !important;color:#38202E !important;font-size:clamp(18px,2.6vw,21px) !important;font-weight:800 !important;line-height:1.45 !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-035 {display:inline-flex !important;align-items:center !important;justify-content:center !important;flex:0 0 28px !important;width:28px !important;height:28px !important;border-radius:8px !important;background:#FFFFFF !important;color:#D83E4B !important;font-size:18px !important;}
#iibi-course-page .iibi-inline-036 {min-width:0 !important;}
#iibi-course-page .iibi-inline-037 {margin:0 !important;color:#715765 !important;opacity:1 !important;font-size:clamp(14px,1.3vw,16px) !important;font-weight:400 !important;line-height:1.85 !important;word-break:keep-all !important;overflow-wrap:anywhere !important;}
#iibi-course-page .iibi-inline-038 {margin:9px 0 0 !important;padding:0 !important;border:0 !important;text-align:right !important;color:#826776 !important;opacity:1 !important;font-size:12px !important;font-weight:400 !important;line-height:1.6 !important;word-break:keep-all !important;}
#iibi-course-page .iibi-inline-039 {font-size:14px;}
/* 최종 공통 규칙: PC는 포트폴리오와 동일한 부모 너비, 모바일은 자연스러운 줄바꿈 */
#iibi-course-page,
#iibi-course-page * {box-sizing:border-box;}
#iibi-course-page {width:100% !important; max-width:100% !important; margin:0 auto !important; min-width:0;}
#iibi-course-page :where(h1,h2,h3,h4,p,li,a,span) {
  word-break:keep-all; overflow-wrap:anywhere;
}
#iibi-course-page :where(h1,h2,h3,h4) {text-wrap:balance;}
#iibi-course-page :where(p,li) {text-wrap:pretty;}
#iibi-course-page :where(img,video,svg) {max-width:100%;}
#iibi-course-page > .iibi-course-s001,
#iibi-course-page .iibi-course-s076,
#iibi-course-page .iibi-course-s149,
#iibi-course-page .iibi-course-s117,
#iibi-course-page .iibi-course-s168,
#iibi-course-page #course-benefits,
#iibi-course-page #iibi-practice-editorial,
#iibi-course-page #iibi-review-redesign {
  width:100% !important; max-width:none !important; min-width:0 !important;
  margin-left:0 !important; margin-right:0 !important;
}
#iibi-course-page > .iibi-course-s001 {padding:0 !important;}
#iibi-course-page #iibi-review-redesign {padding:24px 0 28px !important;}
#iibi-course-page .iibi-course-s064 {min-width:0 !important;}
#iibi-course-page .iibi-course-s063 {overflow:visible !important;}
#iibi-course-page .iibi-course-s137 {
  display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important;
  gap:20px !important; width:100% !important; min-width:0 !important;
  overflow:visible !important; white-space:normal !important;
}
#iibi-course-page .iibi-course-s137 > .iibi-course-s138,
#iibi-course-page .iibi-course-s137 > .iibi-course-s146 {
  display:block !important; width:100% !important; min-width:0 !important;
  max-width:none !important; margin:0 !important;
}
#iibi-course-page .iibi-course-s142 {min-height:0 !important;}
#iibi-course-page #iibi-review-redesign :where(h2,h3,p,span) {
  white-space:normal !important; word-break:keep-all !important; overflow-wrap:anywhere !important;
}
@media screen and (min-width:768px) {
  #iibi-course-page {padding:0 !important;}
  #iibi-course-page .iibi-course-s012,
  #iibi-course-page .iibi-course-s173 {max-width:900px !important;}
  #iibi-course-page #course-benefits .ibt-visual {max-width:840px;}
  #iibi-course-page #iibi-review-redesign .review-photo {max-width:840px !important;}
  #iibi-course-page .iibi-course-s009,
  #iibi-course-page .iibi-course-s010 {font-size:clamp(36px,4.2vw,54px) !important; line-height:1.3 !important;}
  #iibi-course-page .iibi-course-s014 {max-width:900px !important;}
  #iibi-course-page .iibi-course-s144 {font-size:18px !important; line-height:1.55 !important;}
  #iibi-course-page .iibi-course-s145 {font-size:15px !important; line-height:1.8 !important;}
  #iibi-course-page #course-benefits .ibt-point p {font-size:16px;}
  #iibi-course-page .iibi-course-s166 {font-size:18px !important; line-height:1.65 !important;}
  #iibi-course-page .iibi-course-s154 {display:grid !important; grid-template-columns:repeat(3,minmax(0,1fr)) !important;}
}
@media screen and (min-width:768px) and (max-width:1023px) {
  #iibi-course-page .iibi-course-s154 {grid-template-columns:repeat(2,minmax(0,1fr)) !important;}
  #iibi-course-page #course-benefits .ibt-point {padding:0 12px;}
  #iibi-course-page #course-benefits .ibt-point h3 {font-size:20px;}
  #iibi-course-page #course-benefits .ibt-point p {font-size:15px;}
}
@media screen and (max-width:767px) {
  #iibi-course-page {padding:0 12px !important;}
  #iibi-course-page :where(h1,h2,h3,h4,p,li,a,span) {
    white-space:normal; word-break:keep-all; overflow-wrap:anywhere;
  }
  #iibi-course-page .iibi-course-s009,
  #iibi-course-page .iibi-course-s010 {
    font-size:clamp(26px,7.2vw,38px) !important; line-height:1.4 !important;
    letter-spacing:-.8px !important;
  }
  #iibi-course-page .iibi-course-s008 {font-size:clamp(24px,6.7vw,32px) !important;}
  #iibi-course-page .iibi-course-s012,
  #iibi-course-page .iibi-course-s173 {max-width:100% !important; padding:5px !important;}
  #iibi-course-page .iibi-course-s014 {font-size:15px !important; line-height:1.85 !important;}
  #iibi-course-page .iibi-course-s015 {gap:6px !important;}
  #iibi-course-page .iibi-course-s016,
  #iibi-course-page .iibi-course-s017 {font-size:11px !important; padding:5px 9px !important;}
  #iibi-course-page .iibi-course-s018 {line-height:1.85 !important;}
  #iibi-course-page .iibi-course-s061,
  #iibi-course-page .iibi-course-s080,
  #iibi-course-page .iibi-course-s118,
  #iibi-course-page .iibi-course-s135,
  #iibi-course-page .iibi-course-s153,
  #iibi-course-page .iibi-course-s163,
  #iibi-course-page .iibi-course-s171,
  #iibi-course-page #course-benefits .ibt-heading h2,
  #iibi-course-page #iibi-practice-editorial .ipe-heading h2,
  #iibi-course-page #iibi-review-redesign .review-heading h2 {
    font-size:clamp(22px,5.7vw,26px) !important; line-height:1.5 !important;
    letter-spacing:-.6px !important;
  }
  #iibi-course-page .iibi-course-s062,
  #iibi-course-page .iibi-course-s081,
  #iibi-course-page .iibi-course-s136,
  #iibi-course-page #course-benefits .ibt-heading p,
  #iibi-course-page #iibi-practice-editorial .ipe-heading p {
    font-size:14px !important; line-height:1.85 !important;
  }
  #iibi-course-page #course-benefits .ibt-panel {padding:18px 14px 14px;}
  #iibi-course-page #course-benefits .ibt-points {grid-template-columns:minmax(0,1fr); padding:0 18px;}
  #iibi-course-page #course-benefits .ibt-point {padding:22px 0;}
  #iibi-course-page #course-benefits .ibt-point + .ibt-point {border-left:0; border-top:1px solid #F3DDE5;}
  #iibi-course-page #course-benefits .ibt-point h3 {font-size:22px; margin:12px 0 8px;}
  #iibi-course-page #course-benefits .ibt-point p {font-size:15px; max-width:32ch; line-height:1.85;}
  #iibi-course-page #iibi-practice-editorial {padding:26px 16px 4px;}
  #iibi-course-page #iibi-practice-editorial .ipe-story,
  #iibi-course-page #iibi-practice-editorial .ipe-reverse {grid-template-columns:minmax(0,1fr); gap:18px; padding:26px 0;}
  #iibi-course-page #iibi-practice-editorial .ipe-photo,
  #iibi-course-page #iibi-practice-editorial .ipe-copy {grid-column:auto; grid-row:auto;}
  #iibi-course-page #iibi-practice-editorial .ipe-copy h3 {font-size:21px; line-height:1.6; margin:12px 0 10px;}
  #iibi-course-page #iibi-practice-editorial .ipe-copy h3 br {display:none;}
  #iibi-course-page #iibi-practice-editorial .ipe-copy p {font-size:15px; line-height:1.85;}
  #iibi-course-page .iibi-course-s137 {grid-template-columns:minmax(0,1fr) !important; gap:20px !important;}
  #iibi-course-page .iibi-course-s144 {font-size:18px !important; line-height:1.6 !important;}
  #iibi-course-page .iibi-course-s145 {font-size:14px !important; line-height:1.8 !important;}
  #iibi-course-page #iibi-review-redesign .review-heading {margin-bottom:20px !important;}
  #iibi-course-page #iibi-review-redesign .review-intro {font-size:14px !important; line-height:1.85 !important;}
  #iibi-course-page #iibi-review-redesign .review-list {padding:4px 14px !important;}
  #iibi-course-page #iibi-review-redesign .review-item {padding:20px 0 !important;}
  #iibi-course-page #iibi-review-redesign .review-item h3 {font-size:18px !important; line-height:1.65 !important; gap:8px !important;}
  #iibi-course-page #iibi-review-redesign .review-item > p {font-size:15px !important; line-height:1.9 !important;}
  #iibi-course-page #iibi-review-redesign .review-item > .review-author {font-size:12px !important; line-height:1.8 !important;}
  #iibi-course-page .iibi-course-s120 {font-size:15px !important; line-height:1.9 !important;}
  #iibi-course-page .iibi-course-s166 {font-size:17px !important; line-height:1.7 !important;}
  #iibi-course-page .iibi-course-s167 {font-size:15px !important; line-height:1.9 !important;}
  #iibi-course-page .iibi-course-s172 {font-size:16px !important; line-height:1.85 !important;}
  #iibi-course-page .iibi-course-s175 {display:inline-flex !important; align-items:center; justify-content:center; max-width:100%; font-size:18px !important; line-height:1.6 !important;}
}

/* 크기 재조정: 원래 상세페이지 너비에 맞추고 GIF의 과도한 확대를 제한합니다. */
#iibi-course-page {
  width:100% !important;
  max-width:1000px !important;
  margin:0 auto !important;
}
#iibi-course-page .iibi-course-s012,
#iibi-course-page .iibi-course-s173,
#iibi-course-page #course-benefits .ibt-visual,
#iibi-course-page #iibi-review-redesign .review-photo {
  width:100% !important;
  max-width:560px !important;
  margin-left:auto !important;
  margin-right:auto !important;
}
#iibi-course-page #iibi-practice-editorial .ipe-photo {
  width:100%; max-width:320px; margin-left:auto; margin-right:auto;
}
@media screen and (min-width:768px) {
  #iibi-course-page {padding:0 12px !important;}
  #iibi-course-page .iibi-course-s008 {font-size:clamp(30px,4vw,44px) !important;}
  #iibi-course-page .iibi-course-s009,
  #iibi-course-page .iibi-course-s010 {font-size:clamp(34px,4.2vw,48px) !important;}
  #iibi-course-page .iibi-course-s014 {max-width:620px !important; font-size:18px !important;}
  #iibi-course-page .iibi-course-s061,
  #iibi-course-page .iibi-course-s080,
  #iibi-course-page .iibi-course-s118,
  #iibi-course-page .iibi-course-s135,
  #iibi-course-page .iibi-course-s153,
  #iibi-course-page .iibi-course-s163,
  #iibi-course-page #course-benefits .ibt-heading h2,
  #iibi-course-page #iibi-practice-editorial .ipe-heading h2,
  #iibi-course-page #iibi-review-redesign .review-heading h2 {font-size:28px !important;}
  #iibi-course-page .iibi-course-s062,
  #iibi-course-page .iibi-course-s072,
  #iibi-course-page .iibi-course-s081,
  #iibi-course-page .iibi-course-s088,
  #iibi-course-page .iibi-course-s096,
  #iibi-course-page .iibi-course-s120,
  #iibi-course-page .iibi-course-s136,
  #iibi-course-page .iibi-course-s158,
  #iibi-course-page .iibi-course-s167,
  #iibi-course-page #course-benefits .ibt-heading p,
  #iibi-course-page #course-benefits .ibt-point p,
  #iibi-course-page #iibi-practice-editorial .ipe-heading p,
  #iibi-course-page #iibi-practice-editorial .ipe-copy p,
  #iibi-course-page #iibi-review-redesign .review-intro,
  #iibi-course-page #iibi-review-redesign .review-item > p {font-size:15px !important;}
  #iibi-course-page #iibi-review-redesign .review-item > .review-author {font-size:12px !important;}
  #iibi-course-page #course-benefits .ibt-point h3,
  #iibi-course-page #iibi-practice-editorial .ipe-copy h3 {font-size:21px;}
  #iibi-course-page .iibi-course-s071,
  #iibi-course-page .iibi-course-s086,
  #iibi-course-page .iibi-course-s094,
  #iibi-course-page .iibi-course-s144,
  #iibi-course-page .iibi-course-s157 {font-size:18px !important;}
  #iibi-course-page .iibi-course-s077 {padding:28px 12px !important;}
  #iibi-course-page .iibi-course-s083,
  #iibi-course-page .iibi-course-s093 {padding:20px 15px !important;}
}


/* 기업맞춤 태그와 차별점 서브 문구의 두 줄 균형 */
#iibi-course-page .iibi-hero-badges {
  display:flex; flex-wrap:wrap; justify-content:center; align-items:center;
  gap:8px; margin:0 0 18px;
}
#iibi-course-page .iibi-hero-badges .iibi-course-s007 {margin:0 !important;}
#iibi-course-page .iibi-company-badge {
  display:inline-flex; align-items:center; justify-content:center;
  padding:6px 15px; border:1px solid rgba(255,255,255,.8); border-radius:10px;
  background:#fff; color:#D83E4B; font-size:13px; font-weight:700;
  line-height:1.7; letter-spacing:.3px;
}
#iibi-course-page #course-benefits .ibt-point .ibt-description {
  width:100%; max-width:none; min-width:0; margin:0 auto;
  font-weight:400; line-height:1.85;
}
#iibi-course-page #course-benefits .ibt-description > span {
  display:block; white-space:normal; word-break:keep-all; overflow-wrap:anywhere;
}
@media screen and (min-width:768px) {
  #iibi-course-page #course-benefits .ibt-point {
    display:flex; flex-direction:column; align-items:center;
  }
  #iibi-course-page #course-benefits .ibt-point h3 {
    width:100%; min-height:3.1em;
  }
  #iibi-course-page #course-benefits .ibt-point .ibt-description {
    margin-top:auto; font-size:14px !important; min-height:3.7em;
  }
}
@media screen and (max-width:767px) {
  #iibi-course-page .iibi-hero-badges {gap:8px; margin-bottom:16px;}
  #iibi-course-page .iibi-company-badge {font-size:12px; padding:6px 12px;}
}

/* 실습 환경: 연분홍 바탕 / GIF 프레임 / 흰색 설명 영역 분리 */
#iibi-course-page #iibi-practice-editorial {
  background:#FFF1F5; border-color:#F1BCC9;
}
#iibi-course-page #iibi-practice-editorial .ipe-story {
  border-top-color:#EFCED8;
}
#iibi-course-page #iibi-practice-editorial .ipe-photo {
  padding:6px; border:2px solid #EC9AAF; border-radius:15px;
  background:#FFFFFF; box-shadow:0 5px 16px rgba(132,51,78,.09);
}
#iibi-course-page #iibi-practice-editorial .ipe-photo img {
  border-radius:7px;
}
#iibi-course-page #iibi-practice-editorial .ipe-copy {
  width:100%; max-width:400px; min-width:0;
  margin:0 auto; padding:22px 20px !important;
  background:#FFFFFF; border:1px solid #F0CDD7;
  border-top:3px solid #EE849B; border-radius:14px;
  box-shadow:0 5px 16px rgba(132,51,78,.05);
  text-align:center;
}
#iibi-course-page #iibi-practice-editorial .ipe-number {
  background:#FFF1F5; border-color:#F4C7D3;
}
#iibi-course-page #iibi-practice-editorial .ipe-copy p {
  color:#655762;
}
@media screen and (max-width:767px) {
  #iibi-course-page #iibi-practice-editorial .ipe-copy {
    max-width:none; min-height:0; padding:20px 16px !important;
  }
  #iibi-course-page #iibi-practice-editorial .ipe-story {gap:16px;}
}

/* GIF 중심 구성: 하나의 흰색 행 안에 이미지와 가벼운 설명을 배치 */
#iibi-course-page #iibi-practice-editorial {background:#FFF5F8; border-color:#F2CBD5;}
#iibi-course-page #iibi-practice-editorial .ipe-heading {margin-bottom:28px;}
#iibi-course-page #iibi-practice-editorial .ipe-story {
  grid-template-columns:minmax(0,1.1fr) minmax(0,1fr);
  gap:24px; padding:22px; margin:0 0 16px;
  background:#FFFFFF; border:1px solid #F2DDE4; border-radius:16px;
}
#iibi-course-page #iibi-practice-editorial .ipe-story:last-child {margin-bottom:8px;}
#iibi-course-page #iibi-practice-editorial .ipe-reverse {
  grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);
}
#iibi-course-page #iibi-practice-editorial .ipe-reverse .ipe-photo {grid-column:2; grid-row:1;}
#iibi-course-page #iibi-practice-editorial .ipe-reverse .ipe-copy {grid-column:1; grid-row:1;}
#iibi-course-page #iibi-practice-editorial .ipe-photo {
  width:100%; max-width:320px; padding:4px;
  border:1px solid #E7ADBD; border-radius:13px;
  background:#FFFFFF; box-shadow:0 7px 18px rgba(111,42,66,.12);
}
#iibi-course-page #iibi-practice-editorial .ipe-photo img {border-radius:8px;}
#iibi-course-page #iibi-practice-editorial .ipe-copy {
  width:100%; max-width:340px; min-height:0; margin:0 auto;
  padding:6px 0 !important; background:transparent; border:0;
  border-radius:0; box-shadow:none; text-align:center;
}
#iibi-course-page #iibi-practice-editorial .ipe-kicker {
  justify-content:center; gap:7px; font-size:10px; font-weight:400; letter-spacing:1px; color:#B65D73;
}
#iibi-course-page #iibi-practice-editorial .ipe-number {
  width:auto; height:auto; flex:0 0 auto; padding:0;
  border:0; border-radius:0; background:transparent;
  color:#C45270; font-size:11px; font-weight:700; line-height:1.7;
}
#iibi-course-page #iibi-practice-editorial .ipe-copy h3 {
  margin:9px 0 10px; font-size:19px; line-height:1.5; letter-spacing:-.5px;
}
#iibi-course-page #iibi-practice-editorial .ipe-copy p {
  max-width:31ch; font-size:14px !important; line-height:1.85; color:#796D76;
}
@media screen and (max-width:600px) {
  #iibi-course-page #iibi-practice-editorial {padding:24px 12px 8px;}
  #iibi-course-page #iibi-practice-editorial .ipe-story,
  #iibi-course-page #iibi-practice-editorial .ipe-reverse {
    grid-template-columns:minmax(0,1fr); gap:18px; padding:18px 14px; margin-bottom:14px;
  }
  #iibi-course-page #iibi-practice-editorial .ipe-photo,
  #iibi-course-page #iibi-practice-editorial .ipe-copy,
  #iibi-course-page #iibi-practice-editorial .ipe-reverse .ipe-photo,
  #iibi-course-page #iibi-practice-editorial .ipe-reverse .ipe-copy {grid-column:auto; grid-row:auto;}
  #iibi-course-page #iibi-practice-editorial .ipe-copy {max-width:340px; padding:0 0 4px !important;}
  #iibi-course-page #iibi-practice-editorial .ipe-copy h3 {font-size:19px; margin:8px 0 9px;}
}
/* 포트폴리오 하단 안내 및 더보기 */
.iibi-portfolio-footer {
  padding: 0 16px;
  margin: 24px 0 0;
  text-align: center;
  box-sizing: border-box;
}

.iibi-portfolio-guide {
  margin: 0 0 20px;
  color: #888888;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  word-break: keep-all;
}

.iibi-portfolio-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  max-width: 320px;
  min-height: 54px;
  padding: 14px 22px;
  box-sizing: border-box;

  border: 1px solid #ff6975;
  border-radius: 12px;
  background: #ffffff;
  color: #d83e4b;

  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  word-break: keep-all;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.iibi-portfolio-more:hover {
  border-color: #d83e4b;
  background: #fff1f3;
  color: #d83e4b;
  text-decoration: none;
}

.iibi-portfolio-more:focus-visible {
  outline: 3px solid #d83e4b;
  outline-offset: 4px;
}

.iibi-portfolio-arrow {
  flex-shrink: 0;
  font-size: 20px;
  line-height: 1;
}

@media (max-width: 600px) {
  .iibi-portfolio-footer {
    margin-top: 20px;
  }

  .iibi-portfolio-guide {
    margin-bottom: 16px;
    font-size: 13px;
  }

  .iibi-portfolio-more {
    font-size: 15px;
  }
}
/* 포트폴리오 하단 안내 및 더보기 */
.iibi-portfolio-footer {
  padding: 0 16px;
  margin: 24px 0 0;
  text-align: center;
  box-sizing: border-box;
}

.iibi-portfolio-guide {
  margin: 0 0 20px;
  color: #888888;
  font-size: 14px;
  font-weight: 400;
  line-height: 1.6;
  word-break: keep-all;
}

.iibi-portfolio-more {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: 16px;
  width: 100%;
  max-width: 320px;
  min-height: 54px;
  padding: 14px 22px;
  box-sizing: border-box;

  border: 1px solid #ff6975;
  border-radius: 12px;
  background: #ffffff;
  color: #d83e4b;

  font-family: inherit;
  font-size: 16px;
  font-weight: 700;
  line-height: 1.5;
  text-decoration: none;
  word-break: keep-all;

  transition:
    background-color 0.2s ease,
    border-color 0.2s ease;
}

.iibi-portfolio-more:hover {
  border-color: #d83e4b;
  background: #fff1f3;
  color: #d83e4b;
  text-decoration: none;
}

.iibi-portfolio-more:focus-visible {
  outline: 3px solid #d83e4b;
  outline-offset: 4px;
}

.iibi-portfolio-arrow {
  flex-shrink: 0;
  font-size: 20px;
  line-height: 1;
}

@media (max-width: 600px) {
  .iibi-portfolio-footer {
    margin-top: 20px;
  }

  .iibi-portfolio-guide {
    margin-bottom: 16px;
    font-size: 13px;
  }

  .iibi-portfolio-more {
    font-size: 15px;
  }
}
a.iibi-portfolio-more,
a.iibi-portfolio-more:link,
a.iibi-portfolio-more:visited,
a.iibi-portfolio-more:hover,
a.iibi-portfolio-more:active,
a.iibi-portfolio-more span {
  color: #d83e4b !important;
  text-decoration: none !important;
}
a.iibi-consult-button:hover,
a.iibi-consult-button:focus-visible {
  background: #fff1f3 !important;
  border-color: #d83e4b !important;
  color: #d83e4b !important;
  text-decoration: none !important;
}